<!doctype html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit">
	<meta name="aplus-xplug" content="NONE">
	<title>
		{empty name="webtitle"}
		{:config('web.name')} Control
		{else/}
		{$webtitle} - {:config('web.name')} Control
		{/empty}
	</title>
	{css href="__PLUGIN_SRC__/Bootstrap/bootstrap.min.css"}
	{css href="__PLUGIN_SRC__/Element/element.min.css"}
	{css href="__PLUGIN_SRC__/Vue/animate.css"}
	{css href="__TEMPLATE_STATIC__/index.css"}
	{block name="css"}{/block}
	{css href="__PLUGIN_SRC__/XYCms/article.css"}
	{block name="style"}{/block}
	<script type="text/javascript">
			{notempty name="AuthMenu"}
		var auth_menu={$AuthMenu|raw};
			{else/}
		var auth_menu=[];
			{/notempty}
			{notempty name="McaFind"}
		var active_menu={$McaFind.ppid};
			{else/}
		var active_menu=0;
			{/notempty}
	</script>
</head>
<body>
	<div class="main wrap" id="app">
		<vue-mask v-if="view.mask">
			<div class="el-loading-mask" style="">
				<div class="el-loading-spinner">
					<svg viewBox="25 25 50 50" class="circular">
						<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
					</svg>
				</div>
			</div>
		</vue-mask>
		<el-menu
			:default-active="'nav-'+view.active_menu"
			class="nav-top flex"
			mode="horizontal"
			:background-color="view.nav_bg"
			:text-color="view.nav_text"
			:active-text-color="view.nav_active_text"
			menu-trigger="click"
			:unique-opened="true">
			<el-menu-item class="webname pr-5" disabled>
				{:config('web.name')} Control
			</el-menu-item>
			<el-menu-item @click="view.isCollapse= !view.isCollapse">
				<i class="el-icon-s-unfold mr-0" v-if="view.isCollapse"></i>
				<i class="el-icon-s-fold mr-0" v-else></i>
			</el-menu-item>
			<el-menu-item v-for="(v,index) in view.auth_menu" @click="view.active_menu=v.aid"
			:index="'nav-'+v.aid">{{v.title}}</el-menu-item>
			<el-menu-item class="flex-1 px-0" disabled></el-menu-item>
			<el-submenu index="theme" class="d-none d-sm-block theme"
			title="自定义导航颜色">
				<template slot="title">
					<i class="el-icon-s-open text-theme-icon mr-0"></i>
				</template>
				<el-menu-item class="theme" disabled>
					<el-color-picker v-model="view.nav_bg" size="mini"></el-color-picker>
					<span slot="title">背景颜色</span>
				</el-menu-item>
				<el-menu-item class="theme" disabled>
					<el-color-picker v-model="view.nav_text" size="mini"></el-color-picker>
					<span slot="title">文字颜色</span>
				</el-menu-item>
				<el-menu-item class="theme" disabled>
					<el-color-picker v-model="view.nav_active_text" size="mini"></el-color-picker>
					<span slot="title">选中文字颜色</span>
				</el-menu-item>
			</el-submenu>
			<el-menu-item @click="window.open('{:config('web.url')}');"
			title="打开网站首页"> <i class="el-icon-s-home mr-0"></i> </el-menu-item>
			<!-- <el-menu-item
			@click="XYBase.openMessageWin()"
			title="消息"> <i class="el-icon-bell mr-0"></i> </el-menu-item> -->
			<el-menu-item>
				<a href="https://www.xycms.com/article/classify/help" target="_blank" title="跳转至官网查看帮助">
					<i class="el-icon-question mr-0"></i>
				</a>
			</el-menu-item>
			<el-submenu index="user">
				<template slot="title">
					{notempty name=":session('AdminUser.headimg','','bsadmin')"}
					<el-avatar size="small" src="{:session('AdminUser.headimg','','bsadmin')}"></el-avatar>
					{else/}
					<i class="el-icon-user"></i>
					{/notempty}
					<span>{:session('AdminUser.nickname','','bsadmin')}</span>
				</template>
				<el-menu-item @click="window.open('/admin/editMy')">
					<i class="el-icon-user"></i>
					<span slot="title">管理员信息</span>
				</el-menu-item>
				<el-menu-item @click="XYBase.updateAllCache();">
					<i class="el-icon-suitcase"></i>
					<span slot="title">全站缓存</span>
				</el-menu-item>
				<el-menu-item :style="{color:view.nav_active_text}" @click="XYBase.outLogin();">
					<i class="el-icon-switch-button" :style="{color:view.nav_active_text}"></i>
					<span slot="title">注销登录</span>
				</el-menu-item>
			</el-submenu>
		</el-menu>
		<div class="flex1 h-100">
			<div class="flex h-100">
				<el-menu
					{notempty name="McaFind"}
					default-active="{$McaFind.pid}-{$McaFind.aid}"
					{/notempty}
					class="nav-left"
					:collapse="view.isCollapse"
					:background-color="view.nav_bg"
					:text-color="view.nav_text"
					:active-text-color="view.nav_active_text"
					:collapse-transition="false"
					v-for="(v,index) in view.auth_menu"
					v-if="v.aid == view.active_menu"
					>
					<el-submenu v-for="(va,i) in v.data" :index="va.aid">
						<template slot="title">
							<t v-html="va.icon"></t>
							<span>{{va.title}}</span>
						</template>
						<el-menu-item v-for="(val,n) in va.data" :index="va.aid+'-'+val.aid">
							<a :href="val.url=='/'?'/':'/'+val.url">{{val.title}}</a>
						</el-menu-item>
					</el-submenu>
				</el-menu>
				<div class="body flex-1" :class="{'body--collapse':!view.isCollapse}">
					<ol class="breadcrumb small flex-nowrap text-truncate">
						<li class="breadcrumb-item"><a href="/">后台首页</a></li>
						{notempty name="McaFind"}
						<li class="breadcrumb-item active">{$McaFind.ptitle}</li>
						<li class="breadcrumb-item active">{$webtitle}</li>
						{/notempty}
					</ol>
					{block name="body"}{/block}
					<div class="copyright text-center mt-3 text-secondary h6">Powered by <a href="https://www.xycms.com" class="text-secondary" target="_blank">XYCMS</a></div>
				</div>
			</div>
		</div>
		<el-drawer
			:visible.sync="view.messageWin"
			:with-header="false"
			direction="rtl"
			size="400px">
			  <div class="wrap h-100">
			  	<div class="flex1 overflow-auto">
			  		<div class="py-2 px-3 hover-bg text-small pointer"
			  		@click="view.messageWinContent = true">
			  			<div class="font-weight-bold">资质办理年末大促返场来袭，爆品限时7.5折起！更有“应季爆品”年检咨询代理服务限时抢购！</div>
			  			<div class="small text-secondary">2021年1月11日 18:38:05</div>
			  		</div>
			  		<div class="border-top py-2 px-3 hover-bg text-small pointer"
			  		@click="view.messageWinContent = true">
			  			<div class="font-weight-bold">阿里云备案信息核查通知（重要）</div>
			  			<div class="small text-secondary">2021年1月11日 18:38:05</div>
			  		</div>
			  		<div class="border-top py-2 px-3 hover-bg text-small pointer"
			  		@click="view.messageWinContent = true"
			  		v-for="(v,index) in 10">
			  			<div class="text-secondary">【新品发布】阿里云安心备案服务邀您体验！</div>
			  			<div class="small text-secondary">2021年1月11日 18:38:05</div>
			  		</div>
			    </div>
			    <div class="px-3 py-1 border-top">
				    <el-pagination
					  background
					  layout="total,prev,next"
					  :total="1000">
					</el-pagination>
			    </div>
			  </div>
			  <el-drawer
				 :with-header="false"
			     :append-to-body="true"
				 direction="rtl"
				 size="30%"
				 custom-class="modal-mask-bg"
			     :visible.sync="view.messageWinContent">
				  <div class="wrap h-100">
				  	<div class="text-small font-weight-bold p-3">资质办理年末大促返场来袭，爆品限时7.5折起！更有“应季爆品”年检咨询代理服务限时抢购！</div>
				  	<div class="flex1 overflow-auto p-3">
				  		<div v-for="v in 1000">超长的内容</div>
				  	</div>
				  </div>
			  </el-drawer>
		</el-drawer>
		<el-backtop target=".body"></el-backtop>
	</div>
	{js href="__PLUGIN_SRC__/Vue/vue.min.js"}
	{js href="__PLUGIN_SRC__/Vue/vue-lazyload.js"}
	{js href="__PLUGIN_SRC__/Element/element.min.js"}
	{js href="__PLUGIN_SRC__/jQuery/jquery.min.js"}
	{js href="__TEMPLATE_STATIC__/index.js"}
	{block name="js"}{/block}
	{block name="script"}{/block}
</body>
</html>